body {
  height: 100%;
}
.picture {
  width: 100%;
  height: 700px;
  background-repeat: no-repeat;
  background-size: 100% 700px;
  position: relative;
  color: white;
  border-top: black 1px solid;
}
.picture .btn {
  position: absolute;
  width: 70%;
  margin-left: 15%;
  bottom: 0;
  left: 0;
  color: white;
  font-weight: bold;
}
.picture .at-segmented-control__item {
  color: white;
}
.picture .XInfo {
  width: 90%;
  margin-left: 5%;
}
.selContent {
  width: 100%;
  height: 700px;
  background-color: #2a2a2a;
  border-top: black 1px solid;
}
.selContent .balckCont {
  width: 90%;
  height: 250px;
  margin-left: 5%;
  background-color: white;
  margin-top: 20px;
  border-radius: 10px;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
}
.selContent .balckCont .Imginfo > Image {
  width: 100px;
  height: 200px;
}
.selContent .balckCont .InfoBox {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  font-size: 30px;
  font-weight: bold;
}
.selContent .balckCont .moneyInfo {
  font-size: 30px;
  font-weight: bold;
}
.selContent .balckCont .moneyInfo .gm {
  border: 1px black solid;
  border-radius: 5px;
  padding: 10px 15px;
}
.btnBox {
  width: 95%;
  margin-left: 5%;
  background-color: white;
  border-radius: 10px;
  margin-top: 10px;
  font-size: 30px;
  font-weight: bold;
}
.btnBox .btnImage {
  width: 100%;
  height: 300px;
}
.btnBox1 {
  width: 95%;
  margin-left: 5%;
  background-color: white;
  border-radius: 10px;
  margin-top: 10px;
  font-size: 30px;
  font-weight: bold;
}
.btnBox1 .btnImage1 {
  width: 100%;
  height: 300px;
}
.btnBox2 {
  width: 95%;
  margin-left: 5%;
  background-color: white;
  border-radius: 10px;
  margin-top: 10px;
  font-size: 30px;
  font-weight: bold;
}
.btnBox2 .btnImage2 {
  width: 100%;
  height: 300px;
}
.btnBox3 {
  width: 95%;
  margin-left: 5%;
  background-color: white;
  border-radius: 10px;
  margin-top: 10px;
  font-size: 30px;
  font-weight: bold;
}
.btnBox3 .btnImage3 {
  width: 100%;
  height: 300px;
}
.selContent1 {
  width: 100%;
  height: 700px;
  background-color: #b74444;
  border-top: black 1px solid;
}
.selContent1 .balckCont1 {
  width: 90%;
  height: 250px;
  margin-left: 5%;
  background-color: white;
  margin-top: 20px;
  border-radius: 10px;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
}
.selContent1 .balckCont1 .Imginfo1 > Image {
  width: 100px;
  height: 200px;
}
.selContent1 .balckCont1 .InfoBox1 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  font-size: 30px;
  font-weight: bold;
}
.selContent1 .balckCont1 .moneyInfo1 {
  font-size: 30px;
  font-weight: bold;
}
.selContent1 .balckCont1 .moneyInfo1 .gm1 {
  border: 1px black solid;
  border-radius: 5px;
  padding: 10px 15px;
}
.selContent2 {
  width: 100%;
  height: 700px;
  background-color: #cccccc;
  border-top: black 1px solid;
}
.selContent2 .balckCont2 {
  width: 90%;
  height: 250px;
  margin-left: 5%;
  background-color: white;
  margin-top: 20px;
  border-radius: 10px;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
}
.selContent2 .balckCont2 .Imginfo2 > Image {
  width: 100px;
  height: 200px;
}
.selContent2 .balckCont2 .InfoBox2 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  font-size: 30px;
  font-weight: bold;
}
.selContent2 .balckCont2 .moneyInfo2 {
  font-size: 30px;
  font-weight: bold;
}
.selContent2 .balckCont2 .moneyInfo2 .gm2 {
  border: 1px black solid;
  border-radius: 5px;
  padding: 10px 15px;
}
.selContent3 {
  width: 100%;
  height: 700px;
  background-color: #8d7f75;
  border-top: black 1px solid;
}
.selContent3 .balckCont3 {
  width: 90%;
  height: 250px;
  margin-left: 5%;
  background-color: white;
  margin-top: 20px;
  border-radius: 10px;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
}
.selContent3 .balckCont3 .Imginfo3 > Image {
  width: 100px;
  height: 200px;
}
.selContent3 .balckCont3 .InfoBox3 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  font-size: 30px;
  font-weight: bold;
}
.selContent3 .balckCont3 .moneyInfo3 {
  font-size: 30px;
  font-weight: bold;
}
.selContent3 .balckCont3 .moneyInfo3 .gm3 {
  border: 1px black solid;
  border-radius: 5px;
  padding: 10px 15px;
}
